<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Carousel</title>
    <link rel="stylesheet" href="css/index.css">
    <!-- 先引入animate.js -->
    <script src="js/animate.js"></script>
    <!-- 引入index.js -->
    <script src="js/index.js"></script>
</head>

<body>

    <div class="wrap">
        <!-- 图片 -->
        <ul>
            <li>
                <a href="javascript:;"><img src="images/01.jpg"></a>
            </li>
            <li>
                <a href="javascript:;"><img src="images/02.jpg"></a>
            </li>
            <li>
                <a href="javascript:;"><img src="images/03.jpg"></a>
            </li>
            <li>
                <a href="javascript:;"><img src="images/04.jpg"></a>
            </li>
            <li>
                <a href="javascript:;"><img src="images/05.jpg"></a>
            </li>

        </ul>
        <!-- 按钮 -->
        <a href="javascript:;" class="left">
			&lt;
		</a>
        <a href="javascript:;" class="right">
			&gt;
		</a>
        <!-- 圆点 -->
        <ol id="list">

        </ol>
    </div>

</body>

</html>